<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <form method="post">
		<input type="text" required id="txt">   
		<input type="submit">
	</form>
	<script>
		var txt = document.getElementById("txt");
		txt.addEventListener('invalid', fn, false);                      //这里设置了一个绑定事件，如果内容为空，上面的验证就会失败，就会执行fn这个函数
		function fn(){
			// ev.preventDefault();                                                  //阻止默认事件
			alert(this.validity.valid);                                          //如果值为空，返回true
		}
    </script>
</body>
</html>